// 导入仓库
import {store,actions} from '../../store/index'
// 导入连接
import {connect} from 'react-redux'
function Dash(props) {
    return ( <div>dash
        <button onClick={()=>store.dispatch(actions.add(1))}>+1</button>|
        <button onClick={()=>store.dispatch({type:"ADD",value:5})}>+5</button>
        <p>
            {/* 通过connect 把store中的num转换为组件的props
                把actions中的add转换为组件的props
            */}
            <button onClick={()=>props.add(2)}>{props.num}</button>
        </p>
    </div> );
}
// 映射state转换为Props
const mapStateToProps = state=>state;
// 把dipatch方法转换为props
const mapDispatchToProps = actions;
// 导入连接仓库的后包装的Dash组件  
// 可以访问store的state和actions像访问props一致
export default connect(mapStateToProps,mapDispatchToProps)(Dash);